﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="../favicon.ico" >
<link rel="Shortcut Icon" href="../favicon.ico" />

<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />

<title>编辑网站角色</title>
</head>
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-admin-role-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="rolename" name="rolename">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">备注：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="roledesc" name="roledesc">
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">景区列表：</label>
			<div class="formControls col-xs-8 col-sm-9">
					<dl class="permission-list">
						<dt>
							<label>
							<input type="checkbox"   value="" name="" id="" />
								全选</label>
						</dt>
								<dd>
									<dl class="cl permission-list2">
										<dt>
										<c:forEach var="scen" items="${allScenicSpot }" varStatus="s">
											<label class="">
													<input type="checkbox"  value="${scen.id }" name="scenicid" id="scenicid" <c:if test="${scen.check }">checked="checked"</c:if> />
													${scen.name }</label>&nbsp;&nbsp;&nbsp;<c:if test="${s.index == 4 }"><br/><br/></c:if>
										</c:forEach>
										</dt>
									</dl>
								</dd>
					</dl>
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">权限模块：</label>
			<div class="formControls col-xs-8 col-sm-9">
			<c:forEach var="data" items="${allRight }">
					<dl class="permission-list">
						<dt>
							<label>
							<input type="checkbox"   value="${data.id }" name="rightid" id="rightid" <c:if test="${data.check }">checked="checked"</c:if> />
								${data.rightname }</label>
						</dt>
								<dd>
									<dl class="cl permission-list2">
										<dt>
										<c:forEach var="item" items="${data.menuItems }" varStatus="s">
										<label class="">
												<input type="checkbox"  value="${item.id }" name="rightid" id="rightid" <c:if test="${item.check }">checked="checked"</c:if>/>
												${item.rightname }</label>&nbsp;&nbsp;&nbsp;
												<c:if test="${s.index == 4 }">
													<br/>
													<br/>
												</c:if>
										</c:forEach>
										</dt>
									</dl>
								</dd>
							
					</dl>
			</c:forEach>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<button type="submit" class="btn btn-success radius" id="admin-role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="../lib/bootstrap-modal/2.2.4/bootstrap-modalmanager.js"></script>
<script type="text/javascript" src="../lib/bootstrap-modal/2.2.4/bootstrap-modal.js"></script> 
<script type="text/javascript">
$(function(){
	
	$(".permission-list dt input:checkbox").click(function(){
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
	});
	$(".permission-list2 dd input:checkbox").click(function(){
		var l =$(this).parent().parent().find("input:checked").length;
		var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
		if($(this).prop("checked")){
			$(this).closest("dl").find("dt input:checkbox").prop("checked",true);
			$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
		}
		else{
			if(l==0){
				$(this).closest("dl").find("dt input:checkbox").prop("checked",false);
			}
			if(l2==0){
				$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
			}
		}
	});
	
	$("#form-admin-role-add").validate({
		rules:{
			rolename:{
				required:true,
			},
			roledesc:{
				required:true,
			},
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			scenicids = document.getElementsByName("scenicid");
			rightids = document.getElementsByName("rightid");
			
			check_val = [];
			for(k in scenicids){
		        if(scenicids[k].checked)
		            check_val.push(scenicids[k].value);
		    }
			
			check_val2 = [];
			for(k in rightids){
		        if(rightids[k].checked)
		            check_val2.push(rightids[k].value);
		    }
			
			
			if(check_val.length == 0){
				layer.msg("请选择景区！", {icon: 17,time:2150});
				return;
			}
			
			if(check_val2.length == 0){
				layer.msg("请选择权限！", {icon: 17,time:2150});
				return;
			}
			
			if(check_val.length > 0 && check_val2.length > 0){
			$.ajax({
				type: "post",
                url: "sysroleafteradd",
                data:$(form).serialize(),
                dataType:"json",
                async: false,
                success: function (data) {
                	parent.layer.msg(data.desc+"!<script>setTimeout('window.location.reload();',1100);<\/script>", {icon: 6,time:1150});
                },
                error: function () {
                    $("#lblTip").text("系统出现错误，请联系管理员");
                }
			});
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
			}
		}
	});
});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>